<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>拼团商城</title>
	<meta name="keywords" content="拼团商城" />
	<meta name="description" content="拼团商城" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script src="js/mui.min.js"></script>
	<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" href="css/swiper.css" />
	<script type="text/javascript">
		!function (J) { function H() { var d = E.getBoundingClientRect().width; var e = (d / 7.5 > 100 * B ? 100 * B : (d / 7.5 < 42 ? 42 : d / 7.5)); E.style.fontSize = e + "px", J.rem = e } var G, F = J.document, E = F.documentElement, D = F.querySelector('meta[name="viewport"]'), B = 0, A = 0; if (D) { var y = D.getAttribute("content").match(/initial\-scale=([\d\.]+)/); y && (A = parseFloat(y[1]), B = parseInt(1 / A)) } if (!B && !A) { var u = (J.navigator.appVersion.match(/android/gi), J.navigator.appVersion.match(/iphone/gi)), t = J.devicePixelRatio; B = u ? t >= 3 && (!B || B >= 3) ? 3 : t >= 2 && (!B || B >= 2) ? 2 : 1 : 1, A = 1 / B } if (E.setAttribute("data-dpr", B), !D) { if (D = F.createElement("meta"), D.setAttribute("name", "viewport"), D.setAttribute("content", "initial-scale=" + A + ", maximum-scale=" + A + ", minimum-scale=" + A + ", user-scalable=no"), E.firstElementChild) { E.firstElementChild.appendChild(D) } else { var s = F.createElement("div"); s.appendChild(D), F.write(s.innerHTML) } } J.addEventListener("resize", function () { clearTimeout(G), G = setTimeout(H, 300) }, !1), J.addEventListener("pageshow", function (b) { b.persisted && (clearTimeout(G), G = setTimeout(H, 300)) }, !1), H() }(window);
		if (typeof (M) == 'undefined' || !M) {
			window.M = {};
		}
	</script>
	<style>
		.groups-title {
			word-break: break-all;
		}
	</style>
</head>

<body>
	<!--头部导航-->
	<div id="header">
		<div class="swiper-wrapper">
			<a class="swiper-slide current" href="">推荐</a>
			<a class="swiper-slide" href="">服饰</a>
			<a class="swiper-slide" href="">家居</a>
			<a class="swiper-slide" href="">母婴</a>
			<a class="swiper-slide" href="">食品</a>
			<a class="swiper-slide" href="">数码</a>
		</div>
	</div>
	<div class="mb-50"></div>
	<!--图片轮播-->
	<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href=""> <img src="images/banner.jpg"> </a>
			</div>
			<div class="mui-slider-item">
				<a href=""> <img src="images/banner.jpg"> </a>
			</div>
			<div class="mui-slider-item">
				<a href=""><img src="images/banner.jpg"></a>
			</div>
			<div class="mui-slider-item">
				<a href=""> <img src="images/banner.jpg"> </a>
			</div>
			<div class="mui-slider-item">
				<a href="">
					<img src="images/banner.jpg">
				</a>
			</div>
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#"><img src="images/banner.jpg"> </a>
			</div>
		</div>
		<div class="mui-slider-indicator">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>
	<!--入口导航-->
	<ul class="nav">
		<li>
			<a href="">
				<img src="images/super_spike.png" />
				<p>限时秒杀</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/nav.jpg" />
				<p>超值大牌</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/special99.png" />


				
				<p>9块9特卖</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/subjects.png" />
				<p>母婴童装</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/entry_lux.png" />
				<p>爱轻奢</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/subjects (2).png" />
				<p>爱逛街</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/subject_502.png" />
				<p>品质水果</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/furniture_v2.png" />
				<p>居家优品</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/food.png" />
				<p>美食汇</p>
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/charge.png" />
				<p>手机充值</p>
			</a>
		</li>
	</ul>
	<!--提示消息-->
	<div class="message">
		<a href="">
			<div class="message-img fl"><img src="images/t2.jpg" /></div>
			<div class="message-text fr">北京的江南风格 1秒前开团了 ></div>
		</a>
	</div>
	<div class="advantage">
		<a href=""><img src="images/active_banner.png" /></a>
	</div>

	<!--开团列表-->

	<!--专题活动-->
	<div class="active">
		<h2 class="title">
			<span class="fl">春妆来袭，不止是1折☛☛☛☛</span>
			<a class="fr" href="">查看更多></a>
		</h2>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼1.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼2.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼3.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼4.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼5.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="/detail">
						<div class="goods-img"><img src="images/鳄鱼6.jpg" /></div>
						<p class="goods-title">【冰丝沙发垫 凉而不冰】艾蒙莎冰丝凉席沙发垫超值三件套</p>
						<h2 class="goods-price"><i>￥</i>59.8</h2>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!--开团列表-->
	<ul class="groups">
		{{each data.goods_list item}}
		<li data-id="{{item.goods_id}}" class="hello2">
			<a href="/detail?id={{item.goods_id}}">

				<div class="groups-img"><img src="{{item.hd_thumb_url}}" /></div>
				<nav class="hello">
					<h2 class="groups-title">【{{item.short_name}}】{{item.goods_name}}</h2>

					<div class="groups-detail">
						<div class="groups-detail-left fl">
							<div class="price fl"><i>￥</i>{{item.price/100}}</div>
							<div class="des fr">{{item.sales_tip}}</div>
						</div>
						<div class="groups-detail-right fr">
							<div class="group-local fl">
								<div class="avatar fr"><img src="images/t1.jpg" /></div>
								<div class="avatar fr"><img src="images/t2.jpg" /></div>
							</div>
							<div class="group-btn fr">
								<a href="">去开团 ></a>
							</div>
						</div>
					</div>
				</nav>

			</a>
		</li>
		{{/each}}
	</ul>
	<style>
		.hello {
			display: flex;
			flex-direction: column;
		}

		.hello2 {
			display: flex;
			/* background-image: linear-gradient(skyblue, pink); */
		}

		.groups-img {
			width: 20vw;
		}
	</style>
	{{include './foot.html'}}
	<script src="js/jquery-1.10.1.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/comment.js"></script>
	<script>

	</script>

</body>

</html>